html {
	height: 100%; padding-top: 25px; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300;
}
body {
	height: 100%; padding-top: 25px; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300;
}
.navbar-brand .navbar_logo {
	display: inline-block;
}
.penguin {
	width: 12%;
}
.logo {
	width: 40%;
}
.wrap {
	background: url("../images/bgr.jpg") no-repeat 0px 0px / 100% auto; height: 100%; position: relative;
}
.banner {
	padding: 20px; left: 50%; top: 0px; text-align: right; right: 10px; position: absolute;
}
.screenshot {
	left: 30%; top: 10%; width: 20%; position: absolute;
}
.col-md-6 {
	text-align: right; margin-top: 30px; float: right;
}
.text {
	color: white; margin-top: 20px;
}
.banner h1 {
	font-size: 24px; font-weight: 200;
}
.banner h2 {
	color: white; font-size: 24px; font-weight: 200;
}
.text h4 {
	font-family: "lobster"; font-size: 20px;
}
.store img {
	width: 250px;
}
.featured img {
	width: 150px;
}
.apple {
	margin-right: 15px;
}
.rocketclub img {
	width: 222px; height: 222px;
}
.coverage h1 {
	color: rgb(150, 150, 150); font-size: 80px; font-weight: 900;
}
.coverage p {
	color: rgb(85, 85, 85); font-size: 30px; font-weight: 200;
}
.coverage img {
	width: 40%;
}
.coverage {
	padding-bottom: 60px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.phone1 img {
	width: 50%; height: auto;
}
.vector1 {
	width: 40%; margin-left: 270px;
}
.block {
	margin-top: 60px;
}
.block h1 {
	color: rgb(150, 150, 150); font-size: 80px; font-weight: 900; margin-top: -40px;
}
.block p {
	color: rgb(85, 85, 85); font-size: 30px; font-weight: 200;
}
.phone2 img {
	width: 50%; height: auto; float: right;
}
.vector2 {
	width: 40%; margin-left: 120px;
}
.phone3 img {
	width: 50%; height: auto;
}
.vector3 {
	width: 40%; margin-left: 180px;
}
.phone4 img {
	width: 50%; height: auto; float: right;
}
.vector4 {
	width: 40%; margin-left: 180px;
}
.bordered {
	padding-top: 60px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.border {
	padding: 20px; text-align: center; margin-top: 60px; margin-bottom: 60px; background-color: rgb(0, 173, 142);
}
.border h1 {
	text-align: left; color: white; font-size: 50px; font-weight: 900;
}
.border h2 {
	text-align: right; color: white; font-size: 30px;
}
.about i {
	text-align: right; color: rgb(5, 172, 141); margin-left: -15px;
}
.diego {
	width: 100%;
}
.alexey {
	width: 100%;
}
.nadine {
	width: 100%;
}
.sergio {
	width: 100%;
}
.about h1 {
	text-align: center; color: grey; font-size: 20px; margin-top: -25px; margin-left: 10px;
}
.about p {
	text-align: center; color: rgb(85, 85, 85); font-size: 15px; margin-top: -10px; margin-left: 10px;
}
.email {
	padding: 10px; border: currentColor; border-image: none; width: 60%; color: rgb(153, 153, 153); font-size: 14px;
}
.email:focus {
	
}
.submit {
	background: rgba(0, 177, 146, 0.8); padding: 10px 15px; border-radius: 0px; border: 0px currentColor; transition:background 0.2s ease-in-out; border-image: none; color: white; font-size: 14px;
}
.success {
	padding: 4px; width: 40%; height: 30px; text-align: center; color: rgb(75, 75, 75); font-size: 16px; margin-top: 10px; opacity: 0; text-shadow: none; background-color: white;
}
.submit:focus {
	
}
.submit:hover {
	background: rgba(0, 177, 146, 1);
}
.submit:active {
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.2);
}
.footer {
	padding: 20px; text-align: center; margin-top: 60px; background-color: rgb(0, 173, 142);
}
.footer.fixed {
	width: 100%; bottom: 0px; position: fixed;
}
.footer p {
	color: white; margin-top: 15px;
}
.footer i {
	transition:0.1s ease-in-out; color: white; margin-right: 10px; margin-left: 10px;
}
.footer i:hover {
	transform: scale(1.1);
}
.mixpanel {
	text-align: right; margin-top: -50px;
}
@media all and (max-width:1200px)
{
.wrap {
	height: 90%;
}
}
@media all and (max-width:1100px)
{
.wrap {
	height: 80%;
}
}
@media all and (max-width:1000px)
{
.wrap {
	height: 70%;
}
}
@media all and (max-width:992px)
{
.wrap {
	height: 60%;
}
.phone1 {
	text-align: center;
}
.phone2 {
	text-align: center;
}
.phone3 {
	text-align: center;
}
.phone1 img {
	float: none; display: inline;
}
.phone2 img {
	float: none; display: inline;
}
.phone3 img {
	float: none; display: inline;
}
}
@media all and (max-width:768px)
{
.wrap {
	background-position: 0px 0px; background-size: auto 100%;
}
.banner {
	left: 0px;
}
.banner h1 {
	font-size: 18px;
}
.store img {
	width: 75px;
}
.featured img {
	width: 75px;
}
.apple {
	margin-right: 5px;
}
.screenshot {
	display: none;
}
.vector1 {
	margin-left: 200px;
}
.block h1 {
	font-size: 40px;
}
.block p {
	font-size: 20px;
}
}
.green-text {
	color: rgb(0, 173, 142);
}
